body {
    margin: 0;
}

#map {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.sidebar-tabs > li.active, .sidebar-tabs > ul > li.active, .sidebar-header {
    background-color: #ff7300;
}

:root {
    --bs-link-color: #ff7300;
    --bs-link-hover-color: #ff7300;
    --dt-row-selected: 255, 115, 0;
}

@media not (min-width: 768px) {
    .sidebar {
        font-size: small;
    }
    .sidebar.sidebar-top:not(.collapsed), .sidebar.sidebar-bottom:not(.collapsed) {
        height: 50%;
    }
    .sidebar-top:not(.collapsed) ~ .sidebar-map .leaflet-top {
        top: calc(50% - 20px);
    }
}